<template>
    <div>
        <!--vh是窗口高度-->
        <el-menu
            style="width: 200px;min-height: calc(100vh - 50px);"
            :default-active="this.$route.path"
            router
            class="el-menu-vertical-demo"
            :default-openeds="['1']"
        >
            <el-sub-menu index="1">
                <template #title>
                    <span>系统管理</span>
                </template>
                <el-menu-item-group title="管理">
                    <el-menu-item index="/backstage/userRole">用户角色管理</el-menu-item>
                    <el-menu-item index="/backstage/role">角色管理</el-menu-item>
                    <el-menu-item index="/backstage/home">用户管理</el-menu-item>
                    <el-menu-item index="/backstage/commodity">商品管理</el-menu-item>
                    <el-menu-item index="/backstage/commodityType">商品类型管理</el-menu-item>
                    <el-menu-item index="/backstage/shopCart">购物车管理</el-menu-item>
                    <el-menu-item index="/backstage/order">订单管理</el-menu-item>
                </el-menu-item-group>
            </el-sub-menu>
            <el-menu-item index="myInfo" :route="{path: '/home'}">个人信息</el-menu-item>
            <el-menu-item index="author" :route="{path: '/sdsd'}">联系作者</el-menu-item>
        </el-menu>
    </div>
</template>

<script>
export default {
    name: "Aside"
}
</script>

<style scoped>

</style>